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Co$ (zApuuf f**«7 1+y*yj 

HTML and the Web 
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jJl>- JU£ oJbf- 
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html > hltjfi Cd*L*f***a2 <*J~>J* 

jl ^-Jl jf J,*— ill jf x***^ jf iXitSLil y ijjjQy 

... iJOilj 

HTML aaSUJ) ^>ajJ) j^j 

977-6197 - 06 - x . ISBN nM 1 - 



r 



html 



oli (■ t<1i «JU J^>- iiJJ3j i^j^Ii ouioj CJ 

' * ' f 

^oa jji cj j3i ^» u^.ij a-» ^1 v^'j Mr^i y^li 
t j-j*. ^ i)u* j& j FrontPage Jt» jJ< j html 

• ^J 1 ^ Cr*^J J** t , iJ* a - u . ^.r^ iP^-jil 
i 4.. , ,ii ^ e J! j 4_^s»-l*. JL-J IL iSS'i tiJ> jt pi£ L» Jf 

Ijsi' I wJj>f jj CJ ja^JI ji! ^ ^»,/i7 5JLp Of j 

^ 5 jS i^J iJl^J t UVuJl j ijjdll ci-b js3< O^lT, ^ 

t 



html ' 'rHjti uAiiirt f^Aidii 

jl <|Va J J-^JJ* 3^1' »Jub i$J* J* Ja* iJu» j 

... i^j^lt cJlT 

ai^-JH oJL-» Ji-» J*\jteiO\ ti'^-V J 

i 4_jJU» ^1 iiifJ Jjty iJjL« J C** j jJ« 

fiA>ti-^i j (frUi ^1 ha ^ 

... l9srj)>^sJl 

^ uidycU {S ^t, gydl J 1 & 3 '> jUlJ 

... .tfU^j > (Jj^b ■ HTML "ot^JnJUbj 
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HTML 

Hyper Text Markup Language 



fhtml i*i^u 

« ( CJ jif.) <^Jjlt Otui* | t J » <1t1 fJMa_J 4*1 ^ html 4*1 

Hypertext Markup ^^—dLJ joi—h a— *l -JjUaa*! 

. Language 

ui^jM Jjy-Tj vjct-Li i*J Uf U^ac-jse ^a** a*-* 
IS' idj j( jWll jf V jit 4*1& . jftill 4*1 Oil ^U- 

Ja«t jj-Jl ^Jli iS y-Sl OUijaJl Jt*a* j! viWJ j? 4Mj jl iJU»j 
- oil I dJij <,,«,vrli jaA\ i*J ut ^ cJry i ji u»ef_) ... mjujinIi 

jui i-* Ol*ii*> Jl iljtf-b XL?j JL* Ja&jall *iL&: 3*i^Jl J>b 

■f iw- i i (ivkli >Ji browser 
HjpU-Jijj^ai ii^-j Jj-r^v-) html i*l jctf vV-Si «ii 



V 



html f &t\i<si pjAtfi'i 

gA\—jj>) t ^_ji-U*j — Jl ^^oJ! y.j»d £*U^ J| -Lai 

siiii—Tj ji»j-AJ» *M ^ Windows 4 ^yrjH Notepad 
Netscape c — » (j> j*. — •> o u< Ji ^ l_s* 

o>« — alt oul MS Internet Explorer ji Navigator 

.htm jf .html JjS!* o( ^ ^-i 
Paint shop pro J> jj* uofi ^yJ- ur 

jJ .Html oUw *UJ? jJl o«rji j 

. Word XP J Jtf-i >» ur ttli <o» iiyd ^-U-i 

obi ^ji J^bs- ^ g^u j*dt xp i*J html **J j 
g-^li J u*-^ jij yahoo auction jf ebay Juu 
jlJ html ^ i*£s itij* *aj*a oui jli jiiy / frij-iJt j 

(fj— -j - t (texts) j>y* j» html *«J ^j^Jj 

,u^j (document elements) juu-Ii ^la* ia^ (tags) 



A 



html > h¥jU i'Mt* y*' 

.v«> >Jv< dUi, link 



OUt .VJ 4Aiit «JU <1*4*H\ ;l^< flJAi-l Jl^ 




TAGS sr ^— J f>-j j> Html a*i ou> u/i uT, 

(4>*J> J! j>) Vbl' «4t-Jl< S^i ^Ijjf fJAa-J 

<tag name> text </tag name>^ 



i-» i^j^j jTit ^jitj tags — li «Ju> jp J l*-*** 

1 Jj -iM' »^» ^-^V tag JLoii >if u,* jj-ai jWt 

command ui s^urSt 



html ) uujJl &LaJ*a 11 n7 

HTMLi^,Lj^U 

«- ■ * 

.HTML >i» 

^<:HTML> </HTML> ^\ 

<HEAD> </HEAD> 

<TITLE.> </TITLE> 

\j:BODY> </BODY> __y 

^.j U^O»-1 f> -jJ$ j» £jj j< ^L. f^-jM 404 JT 0? Ja*.*j 

<HTML> ^ 

. HTML Sf)A, lo* pwwuu ^ .HTML 



html 



*jJv ^-ayj <HTML> p — .jJv Ljia (ju Html JLi 
^ufa*^ o/jj </HTML> 



<HTML> a-a^JiovjaejoujLM </HTML> 

<TITLE> oijaJt-^ 

(title element) 01 >* HTML jus-* 0j& of 

— Suit Jj t ^-j>i JUi-Il ^oi J SalP jjjUll 40* j^laJ i U U*1 
01 ^__aJl iaijtt J 01 jaJl ^Atf. J j ^ jll ^aJ\ ^JiJ OU> ye-dl 0\i 

yeJLi iiiu J (title bar) 
^~ <Title> ^ 

\^ </Title> 

<HEAD> ^ 



html F iryjfi <'4\ix* <£rj*j* 

OL^jULl ^Ju- j r£. ^iJl ghft 404 <HEAD> jN 

^jl' i&£*Jti>*i •jjJti Jt>Jt 

<TITLE> ... </TITLE> 
.jkili iJl. </HEAD> ^-jli ^ ujt ^JiHij 

<BODY> JUa^dt ^ 



jj^i< >Ji (document body) os-it ^ 
<BODY> 

1*4*11 Crtijs* Jly J jljJUlj j^aJtj ^yjl ( 

^ </BODY> ^ 

HTML Wgiv' 



y t 



html y ifiijli CjliisA (#Aua2 

jS OjJkj J>Ji j4-t« cj^ft i*aL» i/* 



The structure of an HTML page 





html 



: 

»UJ^ fj* u& j-fi^ »<U JgJa» (ijii u( COjf »i] O^/lj 

: iJ^M oljkM ^Jl t V*^' Jai*-j 

notepad jf WordPad Jit* >j* ^ 4»- 

: (enter 



<HTM1> 
<HEAD> 
<TITLE> 

Welcome to my site 
</TITLE> 
</HEAD> 
<BODY> 

In the name of God 

</BODY> 

</HTML> 



,j— ^ — .^n^^Vj.. htm ,or, html 

alJUj^M JS"Jyd\ jJaa-J V jij* jia* 

\ i 



htritl t izyjJl <H*La 4*j**jA 

4«j_w»3i !•_—>! £ — 'ai J j» ji-ij .htm j( html 
"mypage.htm"' Jus* & ^LSlt 

Netscape j! Internet explorer ^ 4- 
^JW uaILi ^ W>! ^ open ^ ^ file ^ 4- 
Wi ^ * html ouik folder J c-u 

ok 



In the name of God 




i jjiu— *!< wj^-^St jf UPPERCASE i>— *3t 

lowercase 



Lt^lj i*»dtj iils* j 44LJI 4A^oii ji dL& dlUjj 



1 



html 



<HTMLxHEADxTITLE> Welcome to my 
site </TITLEx/HEADxBODY>In the name 
of god </BODYx/HTML> 

<HTMLxHEADxTITLE> 

Welcome to my site 

</TITLE> 

</HEAD> 

<BODY> 

In the name of god 

</BODY> 

</HTML> 

^^ij jj-ui jtt. ^xJi j ^ ^yt, Jij 

oiyjLij oi»tj ^iUij JjioJri J**, oUi-'j UjJUij (^J-ij 
: ji uf . * ou- j{ P> -j dUij 



html 



Paragraphs and line breaks 

fJbwl Q» jUS\ Qtt ^jV* jU>! aU] y JJr' J-AaU 

Jit* <P> 

In the name of God! <P> you will enjoy it I 
In the name of God! 
You will enjoy it ! 

<bl> f J*»i 0>4 4eju»> jk* tyj^jk-i 3|U OeJbJ 

In the name of God <br> You'll enjoy it ! 

In the name of God! 
You will enjoy it ! 



f t-jjjff A&jvijA 



html 



Jjlanfyd <P> £• uJ tn* ,i DIR <-^' U< 



(Left To J! jW cf* c^ 1 

Right) 



(Right juji J! cfr^i & o* 53 ' 

To Left) 



LTR 



RTL 



html ' 'rVjM * * A&j*4j* 

<H> Headings 

: Ja. UT Ails* ^Hff\Juu Ails* J» jte 01 lib^I 

<hlx/hl> • 
<hl> In the name of God! </hl> 

In the name of God! 

<h2«/h2> • 
<h2> In the name of God! </h2> 

In the name of God! 

<h3x/h3> • 
<h3> In the name of God!<fti3> 

In the name of God! 

<h4x/h4> • 
<h4> In the name of God! </h4> 

In the name of God! 



html ) iggjll rt*i,<ifj * iri 4ej*us 

<h5x/h5> • 
<h5> In the name of God! </h5> 



In the name of God! 

<h6x/h6> • 
<h6> In the name of God! </h6> 

In the name of Godl 

. .. < h3< h2< hi r**- : afcj«Ju 



T • 
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1 t-yjJt CAaJU* 4&j*mja 



Text Styles 

: dl> Jbi <bx/b> bold *Jfl» 
<b> In the name of God! </b> 

In the name of God! 

<strong>text</strong> 

bold **tj* ^pii 

<Ix/I> f ijji^i italic *uu *Jflt -j^ 

<I> In the name of God! </I> 

Jfr t/ie name of God! 

<ux/u>fij^i underline *Uflt J** 

<u> In the name of God! </u> 
In the name of God! 

<bigx/big> f.V*a-t UJH j aJL3T j( US j^J 

Bid <big> right away</big> for a great deal 
<big> and you</big> may win! 



kind 



1 lytjjlt i'A^ha fjfygj 



Bid right away for a great deal and you 
may win! 

^ >w- *\ i— _JU-i Jo <j ^ a Ur j( 4— — — 1 

US' <smallx/small> 

Bid now! <small>Before ifs all 
over!</small> 



Bid now! Before if s all over! 



<SUP> ... </SUP> fja^ m i* 



ThiS iS Sup«»criptTe*t 



<SUP> Superscript 
Text</SUP> 



<SUB> ... </SUB> &\ 



This IS Subscript Tort 



<SUB> Subscript Text 
</SUB> 



(Typewriter) TeleType &j\ ^ 
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<TT> ... </TT> 



This is TeleType 
Text 



<TT> Text</TT> 



J>ut»-^i 2ji£Si aftli JaJt fj-jl* 

<blink>text</blink> ^ i 

: Preform ated text display j»J>' 

<PRE> text 
text 

text 

</PRE> 

<html> 
<head> 

<titIe>preformatted text</title> 

</head> 

<body> 

<pre> 



html t iiVjJl £J*L* ^mri fejHij* 

Here you can put whatever you want by any 
shape. 

Like this shape with the same arrangement. 



A 


B 


C 


D 


E 


F 


G 


H 


I 


J 


K 


L 


M 


N 





P 


Q 


R 


S 


T 



/========\ 

{* * ) 

end of the preformatted text. 

</pre> 

</body> 

</html> 



A 


B 


C 


D 


E 


F 


G 


H 


I 


J 


K 


L 


M 


N 





P 


Q 


R 


S 


T 



/========\ 

(* * ) 



end of the preformatted text. 

ft 



html 



f^jKoJU jl jlj 

ABCDEFGHIJKLMNOPQRST 

/========V 

(* * )======= 

■Ola.i.ullj 

> — »i *M} nbsp;& ovii j» ij^ bo* ft.***-! 

. <BR> 



To 
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Changing t he font size 

<FONT/> . . <FONT> y> i jW-v j>\L\ J jSi ^ jJi 

<Font 

Size=n 
Face=name 
Color=colorx/ f ont> 

JajM jbju^ : Face : A^Jl 

<FONT FACE=Traditional Arabic, Arabic 

Transparent, Simplified Arabic"> 

Text ••* 
</FONT> 



html > \:M*A * 4e>j~j* 

h*-\ d jjjj- : color 3*-Jt 



<FONT COLOR= w #FF0000' > 

««« Text 
</FONT> 

J»iM *jv -ujl^: size <U-Ji 

' » 

<FONT SIZE="4"> 

Text 
</FONT> 

<FONT FACE-'Arial" SIZE= "5" 
COLOR-'#00FF00"> This </FONT> 
<FONT FACE= Times New Roman" 
SIZE=7" COLOR^TfFFOOFF^ is </FONT> 
<FONT FACE= M Arial" SIZE= H 2" 
COLOR="#FF0000 M > multi </FONT> 
<FONT FACE= M Impact" SIZE= H 4" 
COLOR^flOOOOOO'^ colors, </FONT> 

TV 



html > ty^y/ LjULa f*4*a3 isij^ij* 

<FONT FACE= "Courier" SIZE="2" 
COLOR= 'ffOOOOFF'^ multi </FONT> 
<FONT FACE="Times New Roman" 
SIZE="3" COLOR="#008080"> faces, </FONT> 
<FONT FACE^'Courier" SIZE="6" 
COLOR="#FFFF00"> and </FONT> 
<FONT FACE="Arial" SIZE^"5" 
COLOR="#808080"> multi </FONT> 
<FONT FACE= "Impact" SIZE="2" 
COLOR="#800000"> sizes </FONT> 
<FONT FACE=Times New Roman" 
SIZE*"r COLOR="#00FFFF> text </FONT> 

This is multi COlOR, multi faces, and multi 
Sizes text 

cih* o>i o^r ijr jr, ciiuft o-^ ur jr of 
:<BASEFONT> jkj J> >H ^ ^ 

V^JLT **,a,/ill l—JU tuaJUut-) JetfM ^> JbJ* yi 
* A 



html 



<BASEFONT Name="Arial" 
COLOR= "#FFOOOO" SIZE="5 "> 



— *s horizontal line a— sisJt j-s- h^^j 

: viUi Jit* <hl>i 
In the name of God! <hi> You'll enjoy it ! 

: Jvi* </center> <center> 
<center>In the name of God!</center> 
In the name of God! 

J*f J* J-i*i- Vm VUll tagS -J" J*lr* Ul til O^l 

In the name of God! 
italic J-A» J»->j - bold JM* - center >-J< ti^a* J 

: Jls!l yty J 

<bxlxcenter> In the name of 
God!</centeix/Ix/b> 



html 



<STRIKE> ... </STRIKE> 

<s> ... </s> 



<STRIKE> Striked 
Text </SRTIKE> 

! <S> Striked Text </S> 



(Ol yuJl Jj— a=Jj) a . -rai l ol yLiJl f 
</BLOCKQUOTE> ... <BLOCKQUOTE> 




Lists 

: Jldl< US' <ul> </lll> f >*• . > JaU ilJUtf UJ j( til 

My item is : 
<ul> 

<li>New</li> 

<li^ In excellent condition </lix/ul> 

My item is : 

• New 

• In excellent condition 

: Jtilli US' <ol> </ol> i ^Jj JU* J-rf. Uijt lilj 

My item is : 
<ol> 

<li>New </li> 

<Li> In excellent condition <li> 



html 



</ol> 

My item is : 

1. New 

2. In excellent condition 

J <li> U # 33 ia\J^\ j <li> \iK* 3 cfii^oll IfS J \J La 



^ ju^-a ^iit   Jit* *^um j^. jii j* jujuJi iiu* 

( jkJl jit iUrl ^ yai jf OUiS" j>( Cj\PI j( OUL-> 

j_* ..Non Breakable Space i— J£J ji^-i tJyty 

<HTML> 
<HEAD> 
<TITLE> 

Welcome to my site 
</TITLE> 

</HEAD> 

<BODY> 



TT 



html > <-»^y/ i^UA^a 

In    >  

the      name   
  

  of      God 

</BODY> 
</HTMl> 



In the name of God 



rr 



ntml f t&jll rtiim f j t <*t\~ 

Colors btefa 

Aqua ji/ji black a>-l 

blue Jjji fuchsia w^j* 

gray ^u, green 
lime ^a*- j^A maroon & 

navy J*S olive ^>*j 

purple red 
silver ^ teal *t«r jJ**^ 

yellow yi-ol white 
rfl . BODY ^ j)» J! Ju? ^ ^-ui-i ^aI ^uJ-» 

<BODY> ... </BODY> c^jH ^ 



rt 



html 



1 ifyjlt fjurt'i 




J* (Attribute) ^ UT jlfei 



<font color = color> </font> 

In <font color = green> the</font> name of 
God! 

In the name of God! 

o^Ub the iar ^ 

In <font color = blue>the</font>name of God! 
In the name of God! 

.^y* djUii the Uf j& 



To 



html 



Aqua 




black 




blue 




fuchsia 


^> 


erav 




ereen 




lime 




maroon 




navy 


.US' 


olive 


71 4li * 


purple 




red 




silver 




teal iir 




yellow 




white 





Black 

White 

Yellow 

Blue 

Green 

Dark green 



#000000 

#FFFFFF 

#FFFF00 

#0000FF 

#00FF00 

#2F4F2F 



<BODY> J f jwl—j ot jftt a* jff j! u jTi uTj 



html ' t r¥jti ii A i irt f f tt Ai iej*MjA 

<BODY BGCOLOR=#XXXXXX 
TEXT=#XXXXXX LINK=#XXXXXX 
VLINIO=#XXXXXX> 

O^^JIjOi: XXXXXX 

c^ju j wi3 ^ysii > a jJ : BGCOLOR 

(i^i^j^tOjJ: TEXT 

<J jjt ^Ui) aLpjJi op * LINK 

( ^-jLi ^gai) uij^ c-i ,jJ» aUjJt OjJ : VLINK 



rv 



html ' hyjM & l-ii,rt f j*tri 4&j*4ja 

^BACKGROUNDS if 

iu—* Ui* ji ajU^J background a-iU-t **- fUMa*i 
jjlju ij^ J a^r* jSUj' (image file) 

j>) ijoJ^M j^S" oUjj*- c^jjl jia^Sll OjUl C-j^ .iiUJl 

•S ul_* Jui ^Sb oyJi of aw*-' j (BGCOLOR Jh»uh J** 

:ijJUll A^^Uli ipUaJl CJ\T Ijlj .iJlaf \+\)ye flJbis«#lj fji 

<"BACKGROUND=''imagename.gif BODY> 
— oi jf ^ ^ ^ dJi o\J <BODY> u* ^aJi Mt 

o\_jv^ j£* ^ ojj^ji oi* Oj^j d-* (imagename.gif) 

Windows > J US' (bitmaps) M*^' V4 
^b-J ^.Ji :u—Ji ou ye-ii ^Lw ppjuj .(Wallpaper 

^LJjJ -L-il*. Jj-_SiJ JPG j GIF * OUiL. f UAul 
Uiif ,»PJU jj^L-S'! Ci/ij ^ ye-il jf U» jfjJl* jiJl^j «HTML 

rA 



html ' 4_U^y/ L^ lliifl fJAtfll 4&Jm J*» 
. jyj/'i—Ll jcAa— 0J< ijl BMP <»u /lH Olj OUUil 

(BGCOLOR) 

ok — Li iA <"BODY BGCOLOR="#rrggbb> 

<BODY/> 

BACKGROUND *A*£*tiW>*H 

<BODY 

BGCOLOR="#FFFFFF"BACKGROUND="in| 
age.jpg"> 

• 

</BODY> 



html ' t-j^f// £i[ii£*n p\&i<\i 4& 

Images jyj& 

J 5^ insert £-» ji f t*.iit html j£* 

<img src="filename.gif> OR <img 
«c="filename.jpg> 

(jt^Jti 3jT>>'rt« ^J'rtHj 4Ja>4 <img> f tVu a 'i 

t**\j £j+ web address s**>H 

<img src = 

http://www.yourdomain.com/images/youipic 
ture.jpg> 

<IMG SRC^'imagcjpg'V 

: UT ij^olt iUif j^jJ- 
<IMG SRC="image.jpg" HEIGHT="70" 

WIDTH="120"> 
ALT ^ <IMG> y f^~? ^» aJvsH 



html I *t¥jM ^ % iirtpjtirtl 

v flj^aJl Ul£* j^Oi %Jn Lai t^ij 

<IMG SRC="image.jpg" ALT="In the name 

of God"> 

ALIGN *-*uM 

.BOTTOM, TOP Jtf-b M i^.^i^Ji 
ur i*J JT > dlJ jv* jij MIDDLE, LEFT, RIGHT 

<IMG ALIGN^'BOTTOM" SRC^'image.jpg" 

> 

<]WG ALIGN="TOP" SRC="image.jpg"> 

<IMG ALIGN="MIDDLE" SRO"image.jpg"> . 

<IMG ALIGN="LEFT" SRC= M image.jpg"> > 
<IMG ALI G N=" Rl GHT" S RC=" image.j pg"> 

VgJUli j^U-lj ^oJt jo iU>U)l i^^ndt 4iULl j^ad :VSPACE 
^•Jl ojW-ij iUuUl i^ty aiULi J*J*d :HSPACE 



t \ 



html > tyj^y/ £iUL* t xt i ! «7 

BORDER ^ <IMG> fj*' y fU^-J 

fit*- 1.1 v-otf-l si* j .4<Ta*..( (t&ult j J.H*)' J >*" J^l V^m^ jj 

<IMG SRO'image.jpg" BORDER-"5 N >.- 



tt 



html f itVjti i'i+iiti fpu^SAejt^j* 

URLs AND LINKS 

hyperlinks b&Ltsib <^U>» 

ojjs^i 3^ ^Ji J» jai-i ^» hyperlinks oJu q 

<A NAME> , <A HREF> : a*Ui ^jwu-j 
Creating an Anchor. 

<a name^ M # anchor name">text to Iink</a> 

Creating the link to the anchor: 

<a href="#xxxxxx">text used as hyper text</a> 

> ft j! j! a V w il 2.^1 

4->»>* jS^-Jj c-iijli x_*-f Ji a**— u £i^y_» rj — ii 



html 



^5—* jljiM si* J http://www.books4internet.com 
<A HREF="http://www.books4internet.com"> </A> 



Visit our oi* ^ j, yfaU 01 Jt 4*4 / yt 

: ^yi jSLUu t*** yty ^ ^Jij site 

<A HREF="http^/www.books4internetcom">visit 

our site </A> 



Visit our site 



:^sJ» jSLiJu </A> ... <A> c*f j3' <% ^ >>V 

<A 

HREF= ,, http://www.books4internet.com"xI 
MG SRO'image.gif 'x/A> 

i-AJJ aJUjT »j>aJ» jj^ Jl tffi^i tffJJlj 




t i 



html 



f <r^jJl ilAiim fjtdisil 4£rj** jjt 



sJj— . </A> ... <A> ctCjJt iJ* fcJ»ji •yi <^f fl* J^Jhj 

aJu^^Ji J gijLi J,! uUj (^011 ot^wli jf JUL-/ a/j 

« J — »j J—S* y <i&- jit! ^ l *** 1J ILpjT ijj^> jup 

5 J>A )i rJ BORDER="0" 

<A HREF*"http*7/www.book84intetnetcotn"xIMG 
SRO"image.gif BORDER="0"x/A> 

<A HREF="http-7/ www.books4internet.COm"xIMG 
SRC="image.gir BORDER- K 6"x/A> 



a-JO-i «JU Jj .dUi > jf y HTML OL. <af (^be 



to 



html F t&j/t tHal^ ^ri 4ej~j* 

Jj— ^>jM\ juii tJuk HREF i^uM f v^i u ^ 

: j» ua3a< ^uM ^.Si j . index.html ^JUi 
<A HREF="index.htmr>Main Page</A> 

Main Pag e 

.*JL»S' IjjnoU a^AJSJ lLeJii\ jarf" 1 yuu Sjj-o £jjki 

<A HREF-"alexl.jpg ,, xIMG 
SRO'alex.l.jpg" BORDER= M (rx/A> 

aleX_l.jpg •U-il i yUaLl »jj-dl JbJLnst C-J Jill! (OA J 

alexl.jpg iu.ii u^Si ij^di J; uuu i^u iuyr 



html 



...g.t ij j— — >T Q> <» jt \ > y-T Jj 



tya Jiy* j+* O&l l-U *,*.,.;» jf Jbyct f jij jt La tj^lj 
f U*o-i JL,!* iJU-l *Ju .ij^iJi *JU» jji ^ **1.d^-V liy^l 
NAME <A> ^jU ^iuli v»uM 

</A> ... <A> P> -jH 
<A>LINKS</A> 

i-JLSDi «ju y v^i * NAME fU*s-j j^ij 
attribl ^1 »ila*k fjif ^ 

<A NAME-'attribl">LINKS</A> 



tv 



html > wyy/ LjLxI^a pjtml 4C>j±*j* 

•tiJj&l ^Ji ^'j^ ****** -^ 

V *UU yljU ^Sty JijJ» g-Ujj Jl tfel* yLJl 

MAILTO iur iibS" j* u* tjlaf ^ jJ» ±r J\ J**}v* 
jkjt a\ of Juj ^ HREF i^w- 
y-T o» y* ^ f ^ j EMAIL 

<A 

HREF="MAILTO:scss@books4internet.com"> 
Email Me </A> 

Email Me 



iA 



html 



Tables <Jj)># 



1 

1 . 


<TABLE>...</TABLE> 


1 Ju^t 

! 4 




| Table 




j Row 

| ... 




<TR>...</TR> 






j Jj-^'s? 

i 
1 




Table 




| f >-j Data 

s 




j 


<TD> CeZ/ Data </TD> 











html ) i^JLjjII tliLiiua « r n7 4&j*j,ja 















uTD JJu- 






<THx/TH> 


j bold 




centered 










<CAPTIONx/CAPTION 







</TABLE> ... <TABLE> fW f & *> alUiM 



html y uyjJi &Lxi*a f^Luu 



iyXr- lklie\t «i* fjb 




»l$sSV juj^j JjJiwJU 






BORDER 


<TABLE BORDER*"5"> 




<TABLE BORDER-"0"> 








J^d uyjL.( .t)L»j .JSS* JjjJrl 
















.mLuLi SalU , ■_ J 


WIDTH 






<TABLE 




WIDTH="600"> 




<TABLE 





html » hVjti f**~aj 4*j**j* 



W1DTH="80%"> 




JujJ. ( JjjJUi JkjJbtsJ 
JU^ <*J jl . J-£»JU 1 

**%Lfi ^JOjf Sr-JU JjjJr* 


— 

HEIGHT 


<TABLE 
HEIGHT="500"> 
<TABLE 
HEIGHT=="100%"> 




<TABLE 
CELLSPACING="10"> 


CELLSPACING 


Jjjj-I iU>Ui)l iiUil JOO*d 


CELLPADDING 



html * *t¥jJI tlLaAna f j^sil 







<TABLE 
CELLPADDING="10"> 




left iright 




<TABLE 
ALIGN-'Left M > 
<TABLE 
ALIGN= M Right"> 


ALIGN 


J jJLmU j! a^JxJ fin:,* j 




<1 AdLc 
BGCOLOR="#00FFFF M > 


BGCOLOR 







or 



html I *7¥jff f**^ 4&J**J* 



4-Jj ilil* 


VALIGN 


SJ^M hi.rtl ^«5s{ 


NOWRAP 


b^U-t ^ jjp £• SJtf-i UiM 

t 


COLSPAN 




ROWSPAN 



<Table bordei> 
<TR> 

<TD> Data </TD> 
<TD> Data </TD> 
<TD> Data </TD> 



</TR> 



html 



<TR> 

<TD> Data </TD> 
<TD> Data </TD> 
<TD> Data </TD> 
</TR> 

<TR> 

<TD> Data </TD> 
<TD> Data </TD> 
<TD> Data </TD> 
</TR> 
^/TABLE> 



Data 


Data 


Data 


Data 


Data 


Data 


Data 


Data 


Data 







html > t-j^y/ rdrtim f^aj 

(BORDERCOLOR) w — H *j — I a — c 

i &*( US' lUL- ai^iit ji jlSi jt-i ^1 f m*s*i jUi 

ij^ ^ jj^aJi .rrggbb J* /it W j* ^ i pta**^ 
^ji* <TABLE> j^e »j 5 J>t . r BORDER iw o£j 0! 

Uf 4*1*4*1 OjSJj .i joA-l 4,UP j^s> 

" BORDERCOLOR="#rrggbb I coloumame 
BORDERCOLORLIGHT <yU-dt Jjl *g» 

jw-L^Ji Oj-Ji( ^ j*f ^ BORDERCOLORLIGHT 

*i 11 ojUw i*-Ji »JLkj oUjSi iJ^I JjljJH J jAj- ^Ip «j^Je>^ 

^ 1 P tj^i pi j*j BORDERCOLORDARK 
j+* ^ jjl i f tonsil U<l* Uf tUL* iiydl 01 ^ y 
BORDER i*-JJ 0/1 ^j Jr sJ» j-j .rrggbb o»jlSi y*» 
.ajxJ-i aju# jU> / u^V 5 <TABLE> ^ ^ 

BORDERCOLORLIGHT="#rrggbb I colourna 

"me 

• 1 



html > <ryjH t*ttii<rtf > j**ni 4&j**j*» 

(BORDERCOLORDARK) ^Ull JjJ^i Qjl is* 

jj_JJi ^ j> BORDERCOLORDARK 

i— .-U iJUx. i*-Ji ,aU<Si v^tli J jijJri ajar Jlp •jVffr} 

p-i P uuwi jCJL» j*j BORDERCOLORLIGHT 
BORDER Ji jj£ ot ^ JJr »Ji j*j rrggbb ji yS> «J*i 

jijU -LUp j^J < TABLE> J iiyry 

§ORDERCOLORDARK="#rrggbb I colourna 

"me 



■BACKGROUND="URL of image 
<TABLE> ^* ^ i^Ji .JU fU*&*i > uij <TABLE> 



© * 



html > tryjlt t m t *i <\1 4*j**ja 

Frames 

"SRC="url i je 

f s —i J/ 'A3 ^ i*-Jl »JA iW 

"NAME="frame_name '* <* 

<"TARGET="frame_name -A HREF="URL> 

J 1 tf- 1 — * f ^j-*** u»>»t' **o*-* Jv»- % 

jiv-j fc^/a ^ ji 4it Ji ijUb^i yfj i(alphanumeric) 

*A 



html > vijll I't-kii* fj<n<\' 



_blank 




.self 




parent 


j! Jviw ^) (parent frame) 

* a a t f *■ • 1 ^ ■ a * *. at 


.top 


i* til JUsW (i! f^ft » j* fU*S*l <f Aj. 

^ I f i.i * « *- il A 4* fa li • 4 9 


NAME J— J ijr^ our ^ SjjTiit »v«*Si ^ 

u<> f»Jk*a-i jl* iyrj\ 1 *\ •*! t <FRAME> 
tun* »g (Anchor Target) tto«s-H ukii 
>?t o'i jwyi jiJi ogup » >r JUS-* jsJ 
Jw- ,>* (non-framed) »ty J>v jWjj(framed) 

dj£j Ji ^jWj Jl jyU iini »U» jl* Vfit JMmI jSj: ( Jlill 



nttnt 



,JL* fib!- J* ~9*y*y I Je'y 



"MARGINWIDTH="value a r 
Hj , jUpty ^3 jeVi os^jWl j* J^Ul j»jLu w»J «j^Ui 

J— Ja»>ii ji*i>! «Jjbt a* a*ji »ii (default) uuu ijjue a*,! ^ 

»MARGINHEIGHT="value a f 
01 Hi t (MARGINWIDTH ax- ) v«abu ju-Ji »JU «ujj 
.agu Jij a — (J ui jii — i — Ji ^ — » 14 — ^ j 

"yes I no I auto"- SCROLLING a * 
^-Ji (bars scrolling) dtyd\ ht\^ j^lai a*-Ji «JU 
juJj « iiiu ^ ;u-u* ^ jujf ^OJi ^aJi ^ opuj 
J* iiiu ab y i*.ux UjJ- i ^ "no" 1*^)1 fU«fcu*i 
.<u-*aJ oil jUi * Us>-i Ji ji if t (client) Og&uJ,! jifr 

1 » 



html 



NO RESIZE i* 



.Ol»l» ^ 

"FRAMEBORDER="yes I no 1 3 *> 

?i aJU ".« JL^Jt *lk»lj .jli^i ijA*- ji^ty, J*_Jt at ^SUj 

all f UAa-pii uJt « Jut |tP4j if> » ot v.inC-ijt as* y> ^ify 

j ** j <FRAME> j ** 4 "yes I no" 

jf o« >i top* *uj ftau* j-o») <FRAMESET> 
,Ji_j- JT ^Ipj .dW ^ j& Vh j^i .t^^j , ( iuuu 

.(borderless frames) 

<FRAMESET> ^ Jjf ^ BORDER a*-J) " ♦ " 

\1 



html > ttyjn t'A-kitrt fjAHajAej^j* 

jjjL S\ cJ ja\ jJi ut .oijit^li J*iT & *Jtj*J 

»Ul ^ jUL* j* *>' i*Jl\ »Uap^| ^Is^j ii«-Ji sJU *i 

<FRAMESPACING> j <FRAMEBORDER> 
ity* j^ir j> ajjJ-i sJij? <FRAMESET> »u ^ Jjf ^ 

^/e-Al ^ ^b- jlc Jjull iM^tj 

<HTML> 
<HEAD> 

Borderless Frames<TITLE> 

<TITLE/>example 

<HEAD/> 

■FRAMESET FRAMEBORDER= M 0> 

FRAMESPACING-'O" BORDER^O" 
<-«COLS="165 

■FRAME SRC= H contents.asp> 

<"NAME= M contents 

1Y 



html 



u-^i uii ^iigs*! HTML Jt* j» >f-*)\ wiili • 
</FRAMESET> . . . <FRAMESET> ^ 
j-ji juJiij <BODY/>.. <BODY> & 

j-_eJ~J COLS, ROWS ^t— ai-t ^j^-j • 

j 

StiUl sr ~i jit will! <FRAME> f-jU fAAa-i <4 
.SRC is— £• JJi j <0!»l J*la s*- >Il OUU.I 



html * fa^y/ iZLaJ+a fj ,1 >ra7 4&j+mj* 

Image maps i>^) IflJ) 

^Jl 4 t -,.)\ a Jut Ojjuli ^Ip iff* ^ S-l*-»j «j>o) j£c 

iij^aJl Jail (ju. ifcL-j jj» lJUk t Ub£ £»l Jl UJUijV f J* 




html > i r yjll <* i l\ii<j f / *i <\1 4ej*4j* 

<IMG SRG="lahaa.jpg" WIDTH* "320" 
HEIGHT="310" BORDER="0"> 

js_* ^.Jij USEMAP="#map_name M y <IMG> 
otx. 1 ^ — dLJij fetyt^ f.^'. ■< ol girt-n 

J-jx ^ map_name amI' u( . *W>i *i* Ut> <j bjrjb 

.# ijii^t jj,-> 

wit «J ^ ujk» .hermap f-W il%>< 

<IMG SRO "lahaa.jpg" WIDTH="320" 
HEIGHT^Hr BORDER="0" 
USEMAP="#hennap'> 

hermap J** w( ^Ladi jv^y ^ 

<MAP NAME="hermap H > 

</MAP> 



html ) t^jll riiit<\ { j * i<\4 4*jt+fA 

Lit" Jfi/*lj tia^Jji 0*)U»yJ i^Lji jkUil jt ^t* dJj JU< 




*l li\ Juy u.lp U<( U gb£ .Uk> £Jj*> j£Li> J^Uj i«ULl 

*c ivy** hj+t ifCjj Ujio^v c^i ad duif Vjj^ 

J Ljijj: j( gjuuUl j£fi j HTML ^o^l* jbull «Ju joi 
p — 1 / J+* z& ^ J < AREA> jli fio^a-^ Jjj j 



html > LjLaJLo f^f^uaj 

<MAP NAME="hermap"> 

<AREA> 
<AREA> 
<AREA> 
<AREA> 

</MAP> 

i-Jk* J-T j£a jf jmJ jl UiS JT ^ >HJ* ^ 
JT ^j* 0^ ^ii* jr SHAPE j/> liA fiWT..»j 

J_JLi 1 iW» JT t)f U Ijoi-fj COORDS 

HREF^clijliJb^ 



nv 



html f t^cteAutft+^SAejtMj* 

Forms giU^) 

uj j*t-j j* * w c*>» r*** 

JavaScript 3a) J\&* html W ou) f'-^-v j-^ f 

</FORM> ... <FORM> 
<INPUT> j»» r'"~ ■ ^ J^ if ^ 

<FORM 

<INPUT TYPE= "texts 
</FORM> 

— ■ — . — , „ 

u^ryi ji^T iJu ol ^ TYPE 

<TEXTAREA> .<SELECT> 

. 1 <INPUT 

' TYPE="text"> 



html 



1 


<lINrU 1 
TYPE="password"> 




<INPUT 
TYPE^hidden"> 




<INPUT 
TYPE="radio"> 

* 


p 


<INPUT 
TYPE="checkbox M > 


Subrrft Query J 


<INPUT 
TYPE= tt submit"> 




Hosot | 


<INPUT 
TYPE='reset"> 




<INPUT 
TYPE="button M > 



html ) ux/jll CtLad^a 4&J**J* 

<FORM ...> 

Please enter your address : <INPUT 

TYPE="text" NAME="address" 
VALUE="Alex, Egypt " SIZE="40"> 

</FORM> 

Top of Form 
Please enter your address : 

I 

<FORM ...> 

Please enter your name : 

<INPUT TYPE="text" NAME="the name" 

VALUE=* " SIZE="40" MAXLENGTH="30"> 

Please enter your passwod : 

<INPUT TYPE="pas9Word" NAME="the 

password" VALUE= ,,n SIZE="40" 

MAXLENGTH="30"> 

</FORM> 



html 



1 Ll^// 1 fl'l rT fJ+trfU 4& Jut JU 



Top of Form 
Please enter your name : 

, : 

Please enter your password : 

I 

TEXT AREA ^ ouUi J ^ j£af ^ JUt j£jJi 
j Top of Form 

3 

Bottom of Form 

<TEXTAREA> ... </TEXTAREA> 
v t 



html > i&jll rixiis i f j*i<\'t 

<TEXTAREA NAME='comments"> 
Hello, please write your comments here :-) 
</TEXTAREA> 

Top of Form 



Helo, please w rite your 
comments here :-) 




<INPUT TYPE="submit"> 

Top of Form 

Submit Query 



<INPUT TYPE="submit" VALUE* "Press here 
to send the f orm M > 

Top of Form 

Rress here to send the form 



VT 



html t t&ji h*^i i <* f j * «\i 4£ 

META w 

^adLl U^p! 4 ^JMsiV(j ts-ij'' ,>•■«* £>U f J-J ^» 

gijii ji i*JL*i\ Jw»jl fa*ia-Jj </HEAD> ... <HEAD> 

j X-Jb L— *t US' .4J^} jJ U jm JJ jinil ^ UjPj 

•ju Jai» juc-j ^Ji ^ Altavista, Hotbot, Infoseek 
,rti oi* jilj .i'j^I ^a. j»us* ^ Yahoo 
iii — l Ljjjip f> -jit to* £i 3 J(p ^iijli 

ao_J» J JJL-rf j» £\j>\ <ZSiUsf\ Jkiji Ul £s»«-* ni^vll otf'j* 

uty ^Ji *bjUi< Ji^at JU- otf" j£\ jtfiw ulj y>i 

riJlsll ^LdM Jtf-I* j»> .jyU je-j y <META> &\ 

HTTP-EQUIV 

vr 



html ' <yi^// iZL-\ fa fjAt<\1 l&jvtjA 

imi rtlt «i <^i)l <HEAD> jU Jii^l* V»tiM »Ju jyw) 

<META HTTP-EQUIV* "Content-Type" 

CONTENT="text/html; charset=windows- 

1256"> 

NAME 
CONTENT 

^ js — . ^JU- j,us1j ^ Server Side Utj u«*» y ^1 
l^j Client Side f4*uUi jt^ ^>i-* a jjii 

...HTTP-EQUIV 
fio«a— »W ,p .01— i+y^ ^J»j Content-Type i^ilt 

^-k- w»l_<^i »j » 4— wJ» juji^ ul Content i*>uM 

^-ji L^>»y olj HTML i*l ^ text/html 

.i^tf-t »aa ^ dJi ^ jtSl j: trf jlj... Windows-1256 



html ' h J HJ^ t^/Lxlua f u<i uij 4Crjuj* 

a— keywords a— »-aJi — * ...NAME J^uM £. 

.biial! v-Uilt oUl^l 

<META NAME="keywords" ... > 

JviLi J*-. Jtfj .oui£Jt to* AjO»d Content ^.Wi-j ^ 

jll \jjk ^ lpJ*sJ ^1 aJldl i*-Jl dLJl 

<META 

NAME«"keywonisXONTENT="html,webpa 
ge design,psp,paint shop pro,arabic site"> 

<META 

NAME^'keywordsXCNTENT^'htmlhtmlh 
tml,html,webpage design,psp,paint shop 
pro,arabic site"> 

j&Ja a^J otji^t dUij tfeuUJt d^*jd description ^1 

vJ-lAlj l^uLoIl OUjs£ 

<META NAME="description" 

CONTENT="Html and Paint Shop Pro 
tutorials in Arabic,learning web page design 
in Arabic"> 

^1 y jujii jjjd author ujh 



html > (ri^f <Vii.rt ^mi;<e>y>>< 

<META NAME^author" 
CONTENT="Khaled Mohamed Khaled"> 
i^aih i*uM (3 ij-S copyright 
<META NAME='copyright M 
CONTENT="copyright for scss"> 

I*lLo!\ J f>-«jl' ^ j*j J oU-Jt tJui JUrl j£c 

Ol alOl j ditni j> 01 i.,,.r- JU{ U«i UJUy ^3 1 OULJl ) ^\ 

■k jMy ulJV distil cjiT ai u* .yd-' ,»-* yi iJJU- j( JUL* cjvT 
<HEAD> 

<TITLE> ... </TITLE> 
<META HTTP-EQUIV= n C<mtent-Type" 
CONTENT="text/html; char8et=windows-1256 M > 
<META NAME="keywords" CONTENTS ... "> 
<META NAME="description" CONTENT*" ... "> 
<META NAME^ author" CONTENTS ... "> 
<META NAME="copyright" CONTENT*" ... "> 
</HEAD> 



html 



Lo^W 2A$)j Coji) 

<HTMl> 
<HEAD> 

<TITLE> ... </TITLE> 
</HEAD> 

<BODY> 

</BODY> 
</HTMl> 

<META HTTP-EQUIV="Conteiit-Typc" 
CONTENT»"text/html; chareet-wiitdow5-1256"> 



vv 



html > ty^f/y £ii*i*a 

... <HEAD> wpo**^J*H\ jdUi, 
... <TITLE> oipJi v*s& J-aij </HEAD> 

</TITLE> 

<HTML> 
<HEAD> 

<TITLE> ... </TITLE> 

<META H^^P-EQUIV="Content-Type , ' 

CONTENT="text/html; charset=windows- 
1256 "> 

</HEAD> 
<BODY> 

</BODY> 
</HTML> 

charset=windows-1256 
^ ^ Code Page *j£ SjuJi «ju 



html * iZ t\iiS i fjitist't 

n-U ^h- „i j-ijJi ^IjJ j-u; ftjgj ^» obuLuiijLl V^si U»J 

Windows-1256, DOS- »-w ^u- akAi 

^ — » ij» — Ums ,\ \ — kjiTij ISO-8859-6 J20 

J» — j* SjoaJi oii>i<i-li dULi ijuj .Windows-1256 

.ijJUiJ Ojj^ imLaJl ^ Adjall j-i jjl 

^ j.* _jJu itu gi jLi tJU ^ JS' s JijjpijiiJS'ofa£<Jj«i 
<P DIR= "rtl" ALIGN="right"> ... </P> 

<P DIR="ltr" ALIGN="left"> ... </P> 

^LasLt s-o* 1 Plugin -iUw jvti ^ ^ud>> to* u^i ^ uf 
■uaw of ^jJi ^* dUJJ .uIsmIi -uijijup^. Netscape 
^Jt **uM fj"j)tt ^ jvU jit WJ^j i*Us*ii 



html 



vi^-j U* US' iJuJi i_Ji 4Mkoii ^ 
<META HTTP-EQUIV='Content-Type" 
CONTENT="text/html; charset=windows- 
1256"> 

<P DIR="rtT ALIGN="right"> ... </P> 

f>-J h, ^ jr atu-j, ^ 3<>if j oij* c i>>i ii| 
<P DIR*"ltr M ALIG N~"left M > ... </P> 

U<f JjlaJ-i £• 44UII f^-jil ^iMa^l ^|W.i.J 

Jj&HJ* kj&y ^j>« jl jW ALT+0253 (um**i 



html 



J jsv ji> j» ^Jbuju dUJj* upload J*~J 

J^l jm CJ jsJ^II aSLij ULadt 5 j^Si t**»-! 

j! ajj-li j( client joun jt server Jj-l^.^sij^ 

? dUiji a^Lw j*4 uLT j host uijir .U 
SUbU ^1 jll J-aJ( j» J*l j ^JU iii ^iL c-J oil 

1- Geocities : 
www.geocities.com 

2- cjb.net : 
www.cjb. net 

a \ 



html 



3- Crosswinds : 
www.crosswinds.net 

4- Virtualave : 
www.virtuave.net 

5- Hypermart : 
www.hypermart.net 

6- Netfirms : 
www.netfirms.com 

7- Tripod : 

http://members.tripod.com 

8 - Angelfire : 
http://www.angelfire.com 

9 - bravehost : 
www.bravehost.com 
10- b3 : 

http ://www.b3.nu/ 



: his* £)jJ a>Ujbb 

1- Hom4Arab : 
www.Hom4Arab.com 



At 



html 



2- muslimsonline: 

http://www.nmslimsonline.com/freehosti 
n g.html 

3- naseej : 

http://www.naseej.com/ 

4- ayna : 

http://mypage.ayna.com 

5- Khayma : 

http://www.khayma.com 

6- ajeep : 

http://www..a j eeb.com 

7- jeeran : 

http://www. j eeran.com 



Ar 



html ) tyjjjJy LjiAjLa 

\Uploading your site to the web/ 

FTPoi_iiU J— Ai Jj-Tjijy. » 

File Transfer Protocol ju^i ^ FTP 
^ oiyj^t ^ ouai J* ^SUi j*£ ^TCP/IP 

: Of Ut otilll Jij j 

Download: ouui j( jyj 4> 

HOSt dt*Li CiUdt jAj 

LocaL^i ji^-i 



Ai 



html > uyjSI*Zl*L*{ j *x *\1 4ej**j* 

Upload: ouuii A 
j» Local yj***^ 1 oUJJlI j»j 

Hosted yjb^> 

SS^S. J>b £»1 jll jJJ jt Jii 4aT ols&l u» J j 

IJuk i.i-n- ll FTP £»l ji f » C-i >y>l 

•J* J* 

WS_FTP : ?yu j< 

^^^JUij Session Profile irgstu 
^ Profile Name ay- 4 Jy-^n J«*-* ty* 
"My Home Page In . Jvii j^- ^ < j j^oji ^u. 
^r-aai ^ Host Name ^ ^ri 3 Tripod 
Host 4 f ftp.tripod.com j» juii a* ^ 
j ^liLit j^l, ^ ^ Auto Detect Type 

j^j — IronPrivate ^jUser ID 
^ t ****** fj-^i^i^U 6 Password 

OK. J« n 



html > C Aiitrt 4&j±aj*» 

^iW- .niT Jk\ oJL» J ( .all jV^r j» -^Si 

■„> tfl . IjJJL- * jt L-jiWi jss« jl otiU.1 JUji j( t-JLr 

.i)jf-J ilj^Sf jjIp ji CJ jsi^l J* dbL«j- Olij»£ j (^M&lt 



01 >uJi ^ ftp:// ui& 01 >Ji Ixjj URL oi>* 

J' Jj^-J-J* •** c iaUJi jijbJJ http:// iUTj* 
^- dU*U j ouUbe j OULU ^ ijLfr feuuaJl jU-> FTP — Jl 
.4 - /j Ji ULi ^ Le j fell 



An 





html i i^/jjL 



? Col Q>*JC*d 



_ t> *_-* ^jjlj j < HTML 3/ je ijW* ^ b«Uj 

<HEAD> US*t ^ ^O^J^j ts-4jll Obuu> 

jta, — jli i*JLeil ^ J\ til** J , </HEAD> ... 

key nil aJL_i ji! o> «Kl> ^ iUS' Ji*sji 

. . c^i-Ji k-Jt j - oj&i J ^ c-J ^iij words 

. oJlA C^«1i ^<Vu j+j> jfij dU3 j> j! JJ*z~* UJUF 
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HTML Glossary 

Anchor 

If you look to Hyperlink down here you will 
understand what is anchor. 
Browser 

A program used to load, view, and interact 
with Web documents. The most famous 
examples of browsers are NCSA Mosaic and 
Netscape. 
Browser window 

The part of the browser's display where the 
contents of a document are displayed; in 
graphical browsers, the window can be scrolled 
back and forth through a document. The text 
you're reading at this moment is in the browser 
window. 

Content 

The actual 'meat' of a document — all of the 
words, images, and links which a user can read 
and interact with. I use this term a lot to mean 
"whatever you put in the document." 

GIF file 

A graphic file of a specific format: the Graphic 
Interchange Format. This format was 
developed by CompuServe and has become an 
Internet standard for exchanging files across 
M 
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multiple platforms. All graphical Web 
browsers will load and place valid GIF files. 

History list 

The list of the documents you've visited during 
your current Web session. This may be 
implemented differently by different browsers, 
but the idea is to let you quickly jump back to a 
document you read earlier. 

Hyperlink 

A link from one document to another, or to any 
resource, or within a document. The 
hyperlinked text is highlighted in some 
fashion. The default is usually blue, underlined 
texj, but your display may vary. 
HyperText Markup Language (HTML) 

The basis of the World Wide Web, and what 
the tutorial is intended to teach. HTML is a 
Document Type Definition (DTD), or subset, 
of the Standard Generalized Markup Language 
(SGML). 

In-line 

Almost always used in the context "in-line 
image," this refers to a resource of some type 
which is placed directly into a document. As I 
say, this is nearly always an image, but the 
future could see things like in-line animations. 
Netscape extensions 

HTML-type tags which are recognized by 
Netscape and were invented by the authors of 
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that program. Some of these tags are becoming 
standard, while others are not- 
Standard Generalized Markup Language (SGML) 

An open document definition language much 
in use in the publishing industry. HTML is a 
definition under SGML. 
Text editor 

Any program which will do even the most 
basic word processing and will save files to 
standard ASCII text. Check your program's 
manual if you are unsure of how this would be 
done, as different programs will do things 
differently. 

URL 

The Uniform Resource Locator is a "standard" 
way of easily expressing the location and data 
type of a resource. The general form of a URL 
is "protocol ://address" (for example, 
, 'gopher://gopher.books4internet.com/"). 
Whitespace 

Line feeds, carriage returns, spaces, and 
anything else which is definable content but 
not a visible character. 
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